<template>
  <div>
    <ul>
      <li @click="go(1)">还有几天就元宵节了</li>
      <li @click="go(2)">高薪就业</li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    go(id) {
      // url传递数据
      // search ?id=1  // 一般用于搜索中  不优雅，不安全  优点：方便灵活
      // this.$router.push("/detail?id=" + id);
      // 动态路由参数传递，  优雅，安全，因为关键词不可见 缺点：使用时一定要先定义
      // this.$router.push("/detail/" + id);

      // 使用别名完成路由跳转,只能使用对象方式
      this.$router.push({ name: "detail", params: { newsid: id } });
    },
  },
};
</script>

<style lang="scss" scoped>
</style>